import React from 'react';
import { Card, Button, Select } from 'antd';
import './new.css';

export default function AddUser() {
  let options = [
    { value: '未知', label: '未知' },
    { value: 'lucy', label: 'Lucy' },
    { value: 'Yiminghe', label: 'yiminghe' },
    { value: 'disabled', label: 'Disabled' },
  ];
  return (
    <div style={{ background: '#f0f2f5', width: '100%', height: '100%' }}>
      <Button className="but111" size="small">
        保存
      </Button>
      <Button className="but111" size="small">
        保存且新增
      </Button>
      <Button className="but111" size="small">
        草稿箱
      </Button>
      <Button className="but111" size="small">
        导入
      </Button>
      <Card style={{ height: '89vh', marginLeft: '10px' }}>
        <h2 style={{ fontSize: '24px' }}>客户档案</h2>
        {/* <table border='1px' style={{ width: '100%', border: '1px solid #c0ccdd', marginLeft: '-0px' }}> */}
        <table border="1px" className="tableone">
          <tbody>
            <tr className="trone">
              <td colSpan={8}>
                <span style={{ marginLeft: '11px' }}>基本信息</span>
              </td>
            </tr>
            <tr className="trtwo">
              <td className="t1"></td>
              <td className="t1">
                <span style={{ marginLeft: '43px' }}>所在市区:</span>
              </td>
              <td className="t2">
                <Select
                  defaultValue={'未知'}
                  options={options}
                  style={{ width: 251, marginLeft: '5px' }}
                />
              </td>
              <td className="t1"></td>
              <td></td>
              <td className="t1"></td>
              <td></td>
            </tr>
          </tbody>
        </table>
        <table border="1px" className="tableone">
          <tbody>
            <tr className="trone">
              <td colSpan={8}>
                <span style={{ marginLeft: '11px' }}>主要联系人信息</span>
              </td>
            </tr>
            <tr className="trthree">
              <td className="t1"></td>
              <td className="t1">
                <span style={{ marginLeft: '43px' }}></span>
              </td>
              <td className="t2"></td>
              <td className="t1"></td>
              <td></td>
              <td className="t1"></td>
              <td></td>
            </tr>
          </tbody>
        </table>
        <table border="1px" className="tableone">
          <tbody>
            <tr className="trone">
              <td colSpan={8}>
                <span style={{ marginLeft: '11px' }}>财务信息</span>
              </td>
            </tr>
            <tr className="trthree">
              <td className="t1"></td>
              <td className="t1">
                <span style={{ marginLeft: '43px' }}></span>
              </td>
              <td className="t2"></td>
              <td className="t1"></td>
              <td></td>
              <td className="t1"></td>
              <td></td>
            </tr>
          </tbody>
        </table>
        <table
          border="1px"
          className="tableone"
          style={{ borderBottom: '3px solid #c0ccdd' }}
        >
          <tbody>
            <tr className="trone">
              <td colSpan={8}>
                <span style={{ marginLeft: '11px' }}>业务信息</span>
              </td>
            </tr>
          </tbody>
        </table>
        <table border="1px" className="tableone">
          <tbody>
            <tr className="trone">
              <td colSpan={8}>
                <span
                  style={{
                    marginLeft: '11px',
                    marginTop: '5px',
                    display: 'inline-block',
                  }}
                >
                  附件
                  <Button className="but111" style={{ fontSize: '14px' }}>
                    批量上传
                  </Button>
                </span>
              </td>
            </tr>
            <tr className="trfour">
              <td style={{ width: '500px' }}>文件名称</td>
              <td style={{ width: '110px' }}>文件大小</td>
              <td style={{ width: '100px' }}>上传人</td>
              <td style={{ width: '110px' }}>上传时间</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr className="trfour" style={{ border: '0px', height: '50px' }}>
              <td style={{ width: '500px' }}></td>
              <td style={{ width: '110px' }}></td>
              <td style={{ width: '100px' }}></td>
              <td style={{ width: '110px' }}></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </Card>
    </div>
  );
}
